<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register.css">
    <style>
        img{
            max-width:120px;_width:expression(this.width > 120 ? "120px" : this.width);
        }
        .select_a{
            text-decoration: none;
            border:1px solid #BDBDBD;
            display: block;
            width: 160px;
            height: 40px;
            text-align: center;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF6A10), to(#FE9B02));
            color: white;
            border-radius: 5%;
            out-line: none;
        }
        .select_a:hover{
            text-decoration: none;
            color: white;
            background-color: #BDBDBD;
        }
        .select_a:visited{
            text-decoration: none;
            color: white;
        }
        .select_a:active{
            text-decoration: none;
            color: white;
        }
        a:focus{
            text-decoration: none;
            color:#000;
        }
    </style>
</head>
<body>
<div class="reg_container">
    <div class="reg_content form-inline">
        <div class="reg_left_from form-group">
            <div class="form_title">
                注册</br>registered
            </div>
            <div class="form_content">
                <div class="user_name input_div">
                    <div class="placeholder">手机号<br/>Phone number</div>
                    <input type="text" isvalid="yes" checkexpession="NotNull" errormsg="手机号不能为空<br/>Cell phone number can not be empty"/>
                </div>
                <div class="code form-inline input_div">
                    <div class="placeholder" style="width: 200px;">验证码<br/>Verificotion code</div>
                    <input type="text" class="form-group" style="width: 200px;" isvalid="yes" checkexpession="NotNull" errormsg="验证码<br/>The verifying code cannot be empty"/>
                    <a class="form-group select_a" style="width: 96px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));;border: 1px solid #FF6A10;color: #FF6A10;">获取验证码</br>get the verify</a>
                </div>
                <div class="password input_div">
                    <div class="placeholder">密码<br/>Password</div>
                    <input type="password" isvalid="yes" checkexpession="NotNull" errormsg="密码<br/>The password can not be empty"/>
                </div>
                <div class="agreement form-inline input_div">
                    <div class="yes_img form-group"></div>
                    <div class="agreement_remark form-group">阅读并接受《用户协议》</br>Reod and occept "User Agreement"</div>
                </div>
            </div>
            <div class="commint_btn">
                <a class="select_a" id="register">注册</br>registered</a>
            </div>
            <div class="login_remark">
                <a href="login.html">已有账号 去登陆</br>Alreody have on occount,to log in</a>
            </div>
        </div>
        <div class="fg form-group"></div>
        <div class="reg_register_remark form-group">
            <div class="app_code">
                <img src="../image/banner/4CDF0298677FDAB415FAFAB2DF587597.png">
            </div>
            <div class="remark">
                <div class="">
                    下载手机客户端</br>Download mobile client
                </div>
                <div>
                    随时随地管理你的店铺</br>Manage your store anytime,anywhere
                </div>
            </div>
            <div class="download_btn">
                <a class="select_a">立即下载</br>download immediotely</a>
            </div>
        </div>
    </div>
</div>
</body>
<script rel="script" src="../js/jquery.min.js"></script>
<script rel="script" src="../js/common_input.js"></script>
<script rel="script" src="../js/validator/validator.js"></script>
<script rel="script">
    $(function(){
        $("#register").on("click",function(){
            if(!$(".reg_left_from").Validform()){
                return false;
            }
        });
    })
</script>
</html>